﻿<!DOCTYPE html>
<!--[if lt IE 9 ]> <html lang="en" dir="ltr" class="no-js ie-old"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" dir="ltr" class="no-js ie9"> <![endif]-->
<!--[if IE 10 ]> <html lang="en" dir="ltr" class="no-js ie10"> <![endif]-->
<!--[if (gt IE 10)|!(IE)]><!-->
<html lang="en" dir="ltr" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->

<head>

    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <!-- META TAGS                                 -->
    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <meta charset="utf-8">
    <!-- Always force latest IE rendering engine -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Mobile specific meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->

    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <!-- PAGE TITLE                                -->
    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <title>FRIDAY | Coupons, Deals, Discounts and Promo codes Template</title>

    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <!-- SEO METAS                                 -->
    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <meta name="description" content="FRIDAY is a responsive multipurpose-ecommerce site template allows you to store coupons and promo codes from different brands and create store for deals, discounts, It can be used as coupon website such as groupon.com and also as online store">
    <meta name="	black friday, coupon, coupon codes, coupon theme, coupons, deal news, deals, discounts, ecommerce, friday deals, groupon, promo codes, responsive, shop, store coupons">
    <meta name="robots" content="index, follow">
    <meta name="author" content="CODASTROID">

    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <!-- PAGE FAVICON                              -->
    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <div th:replace="commons/css/css_header_footer::public_css1"></div>
    <script th:src="@{/js/sweetalert.min.js}"></script>
    <link rel="stylesheet" type="text/css" th:href="@{/css/sweetalert.css}">

</head>

<body id="body" class="wide-layout preloader-active">

     


    <!--[if lt IE 9]>
        <p class="browserupgrade alert-error">
        	You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.
        </p>
    <![endif]-->

    <noscript>
        <div class="noscript alert-error">
            For full functionality of this site it is necessary to enable JavaScript. Here are the <a href="http://www.enable-javascript.com/" target="_blank">
		 instructions how to enable JavaScript in your web browser</a>.
        </div>
    </noscript>

    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <!-- PRELOADER                                 -->
    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <!-- Preloader -->
    <div id="preloader" class="preloader">
        <div class="loader-cube">
            <div class="loader-cube__item1 loader-cube__item"></div>
            <div class="loader-cube__item2 loader-cube__item"></div>
            <div class="loader-cube__item4 loader-cube__item"></div>
            <div class="loader-cube__item3 loader-cube__item"></div>
        </div>
    </div>
    <!-- End Preloader -->
    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <!-- WRAPPER                                   -->
    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <div id="pageWrapper" class="page-wrapper">
        <!-- –––––––––––––––[ HEADER ]––––––––––––––– -->
        <div th:replace="commons/header::public_header"></div>
        <!-- –––––––––––––––[ HEADER ]––––––––––––––– -->

        <!-- –––––––––––––––[ PAGE CONTENT ]––––––––––––––– -->
        <main id="mainContent" class="main-content">
            <!-- Page Container -->
            <div class="page-container ptb-60">
                <div class="container">
                    <div class="row row-rl-10 row-tb-20">
                        <div class="page-content col-xs-12 col-sm-8 col-md-9">

                            <!-- Checkout Area -->
                            <section class="section checkout-area panel prl-30 pt-20 pb-40">
                                <h2 class="h3 mb-20 h-title">支付方式</h2>
                                <table>
                                    <tr>
                                        <td style="padding-bottom: 20px"><img th:src="@{/assets/images/icons/payment/alipay.png}" style="width: 80px"></td>
                                    </tr>
                                </table>
                                <a onclick="payOrder()" class="btn btn-lg btn-rounded mr-10">继续</a>
                                <a onclick="cancelOrder()" class="btn btn-lg btn-warning btn-rounded">取消订单</a>
                                <input type="hidden" id="orderId" th:value="${orderId}">
                                <input type="hidden" id="newprice" th:value="${newprice}">
                            </section>
                            <!-- End Checkout Area -->

                        </div>
                    </div>
                </div>
            </div>
            <!-- End Page Container -->


        </main>
        <!-- –––––––––––––––[ END PAGE CONTENT ]––––––––––––––– -->
        <section class="footer-top-area pt-70 pb-30 pos-r bg-blue">
            <div class="container">
                <div class="row row-tb-20">
                    <div class="col-sm-12 col-md-7">
                        <div class="row row-tb-20">
                            <div class="footer-col col-sm-6">
                                <div class="footer-about">
                                    <img class="mb-40" th:src="@{/assets/images/logo_light.png}" width="250" alt="">
                                    <p class="color-light">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam dolores quidem mollitia id ipsa nisi necessitatibus iure repudiandae aperiam, odit ipsam dolor fugiat corporis nesciunt illo nemo minus.</p>
                                </div>
                            </div>
                            <div class="footer-col col-sm-6">
                                <div class="footer-top-twitter">
                                    <h2 class="color-lighter">Twitter Feed</h2>
                                    <ul class="twitter-list">
                                        <li class="single-twitter">
                                            <p class="color-light"><i class="ico fa fa-twitter"></i><a href="#">@masum_rana :</a> Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore in reprehenderit.</p>
                                        </li>
                                        <li class="single-twitter">
                                            <p class="color-light"><i class="ico fa fa-twitter"></i><a href="#">@masum_rana :</a> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione id corrupti iusto cupiditate omnis.</p>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12 col-md-5">
                        <div class="row row-tb-20">
                            <div class="footer-col col-sm-6">
                                <div class="footer-links">
                                    <h2 class="color-lighter">Quick Links</h2>
                                    <ul>
                                        <li><a href="deals_grid.html">Latest Deals</a>
                                        </li>
                                        <li><a href="coupons_grid.html">Newest Coupons</a>
                                        </li>
                                        <li><a href="contact_us_02.html">Contact Us</a>
                                        </li>
                                        <li><a href="404.html">Error 404</a>
                                        </li>
                                        <li><a href="terms_conditions.html">Terms of Use</a>
                                        </li>
                                        <li><a href="faq.html">FAQs</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="footer-col col-sm-6">
                                <div class="footer-top-instagram instagram-widget">
                                    <h2>Instagram Widget</h2>
                                    <div class="row row-tb-5 row-rl-5">


                                        <div class="instagram-widget__item col-xs-4">
                                            <img th:src="@{/assets/images/instagram/instagram_01.jpg}" alt="">
                                        </div>


                                        <div class="instagram-widget__item col-xs-4">
                                            <img th:src="@{/assets/images/instagram/instagram_02.jpg}" alt="">
                                        </div>


                                        <div class="instagram-widget__item col-xs-4">
                                            <img th:src="@{/assets/images/instagram/instagram_03.jpg}" alt="">
                                        </div>


                                        <div class="instagram-widget__item col-xs-4">
                                            <img th:src="@{/assets/images/instagram/instagram_04.jpg}" alt="">
                                        </div>


                                        <div class="instagram-widget__item col-xs-4">
                                            <img th:src="@{/assets/images/instagram/instagram_05.jpg}" alt="">
                                        </div>


                                        <div class="instagram-widget__item col-xs-4">
                                            <img th:src="@{/assets/images/instagram/instagram_06.jpg}" alt="">
                                        </div>


                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-12">
                        <div class="payment-methods t-center">
                            <span><img th:src="@{/assets/images/icons/payment/paypal.jpg}" alt=""></span>
                            <span><img th:src="@{/assets/images/icons/payment/visa.jpg}" alt=""></span>
                            <span><img th:src="@{/assets/images/icons/payment/mastercard.jpg}" alt=""></span>
                            <span><img th:src="@{/assets/images/icons/payment/discover.jpg}" alt=""></span>
                            <span><img th:src="@{/assets/images/icons/payment/american.jpg}" alt=""></span>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- –––––––––––––––[ FOOTER ]––––––––––––––– -->
        <div th:replace="commons/footer::public_footer"></div>
        <!-- –––––––––––––––[ END FOOTER ]––––––––––––––– -->

    </div>
    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <!-- END WRAPPER                               -->
    <!-- ––––––––––––––––––––––––––––––––––––––––– -->


    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <!-- BACK TO TOP                               -->
    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <div id="backTop" class="back-top is-hidden-sm-down">
        <i class="fa fa-angle-up" aria-hidden="true"></i>
    </div>

    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <!-- SCRIPTS                                   -->
    <!-- ––––––––––––––––––––––––––––––––––––––––– -->

    <!-- (!) Placed at the end of the document so the pages load faster -->

    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <!-- Initialize jQuery library                 -->
    <!-- ––––––––––––––––––––––––––––––––––––––––– -->
    <div th:replace="commons/js/js_header_footer::public_js1"></div>

</body>
<script>
    $(document).ready(function () {

    });

    function cancelOrder() {
        $.ajax({
            url: "/deleteOrder/" + $("#orderId").val(),
            type: "DELETE",
            success: function () {
                window.location.href = "/main";
            },
            error:function () {
                swal("删除失败");
            }
        })
    }

    function payOrder() {
        // var href = "/deleteOrder/" + $("#orderId").val();
        // var form = $("<form>");   //定义一个form表单 
        //
        // form.attr('method','post');
        //
        // form.attr('action',href);
        // $('body').append(form);  //将表单放置在web中  
        // form.submit();  //表单提交

        swal({
            text: "是否支付",
            showCancelButton: true,
            closeOnConfirm: false,
            cancelButtonText: "取消",
            confirmButtonText: "确认",
            // imageUrl: "/assets/images/icons/scancode.png",
            title: "￥"+$("#newprice").val(),
            showLoaderOnConfirm: true
        },function(isconfirm){
            if(isconfirm){
                var href = "/alipay/pay/";
                var form = $("<form>");   //定义一个form表单 

                form.attr('method','post');

                form.attr('action',href);
                $('body').append(form);  //将表单放置在web中  
                form.submit();  //表单提交
            }else{
                window.location.href = "/main";
            }

        })

        // $("input[name=‘authCode‘]").val(inputValue);
        // var form = cashierFrom.serialize();
        // $.post("/cashier/order", form, function(data) {
        //     var result = $.parseJSON(data);
        //     if (result.code == ‘SUCCESS‘) {
        //         swal({
        //             title : "支付成功",
        //             type : "success",
        //             confirmButtonText : "确定",
        //             closeOnConfirm : false
        //         });
        //     } else {
        //         if(result.subCode==‘USER_PAYING‘){
        //             var html = ‘<div class="q-btn-box"><button type="button" class="btn btn-primary waves-effect waves-light">取消</button></div>‘;
        //             showLoadAlert(‘等待用户输入密码..‘,html);
        //             var no = result.outTradeNo;
        //             queryInterval = self.setInterval("cashierOrderQuery(‘"+no+"‘,true)",3000);
        //         }else{
        //             swal({
        //                 title : "支付失败",
        //                 type : "error",
        //                 text : result.msg,
        //                 confirmButtonText : "确定",
        //                 closeOnConfirm : false
        //             });
        //         }
        //     }
        // });

    }
</script>


</html>
